<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Rossi - Sport eCommerce Bootstrap 4 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="icon" href="assets/images/favicon.ico">

    <!-- ************************* CSS ************************* -->
    <!-- Bootstrap CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Fontawesome CSS -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- IcoFont CSS -->
    <link href="assets/css/icon-font.min.css" rel="stylesheet">

    <!-- Plugins CSS -->
    <link href="assets/css/plugins.css" rel="stylesheet">

    <!-- Main CSS -->
    <link href="assets/css/main.min.css" rel="stylesheet">

    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body class="full-width">

    <!--=============================
            =            Header             =
            ==============================-->

    <header>
        <!-- header top nav -->
        <div class="header-top-nav">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 offset-lg-3 col-md-6 col-sm-12">
                        <!-- language and currency changer -->
                        <div class="language-currency-changer d-flex justify-content-center justify-content-md-start justify-content-lg-center">
                            <div class="language-changer">
                                <img src="assets/images/flags/1.jpg" alt="">
                                <a href="#" id="changeLanguage"><span id="languageName">English <i class="fa fa-caret-down"></i></span></a>
                                <div class="language-currency-list hidden" id="languageList">
                                    <ul>
                                        <li><a href="#"><img src="assets/images/flags/1.jpg" alt=""> English</a></li>
                                        <li><a href="#"><img src="assets/images/flags/2.jpg" alt=""> Français</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="currency-changer">
                                <a href="#" id="changeCurrency"><span id="currencyName">USD <i class="fa fa-caret-down"></i></span></a>
                                <div class="language-currency-list hidden" id="currencyList">
                                    <ul>
                                        <li><a href="#">USD</a></li>
                                        <li><a href="#">EURO</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- end of language and currency changer -->
                    </div>


                    <div class="col-md-6 col-sm-12">
                        <!-- user information menu -->
                        <div class="user-information-menu">
                            <ul>
                                <li><a href="wishlist.html">我的收藏</a> <span class="separator">|</span></li>
												<li><a href="checkout.html">查看</a> <span class="separator">|</span></li>
												<li><a href="cart.html">购物车 (<span id="cart-status">暂无</span>)</a> <span class="separator">|</span></li>
												<li><a href="login-register.html">登录</a></li>
                            </ul>
                        </div>
                        <!-- end of user information menu -->
                    </div>

                </div>
            </div>
        </div>
        <!-- end of header top nav -->

        <!-- header content -->
        <div class="header-content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-4 offset-lg-0 text-md-left text-sm-center">
                        <!-- logo -->
                        <div class="logo">
                            <a href="index.html"><img src="assets/images/logo.png" class="img-fluid" alt="logo"></a>
                        </div>
                        <!-- end of logo -->
                    </div>
                    <div class="col-lg-6 col-md-8">
                        <!-- header search bar -->
                        <div class="header-search-bar">
                            <div class="input-group">
                                <select name="categoryName" id="categoryName">
                                    <option value="">分类</option>
													<option value="01">足球</option>
													<option value="02">--- 连衣裙</option>
													<option value="03">--- 运动衫</option>
													<option value="04">--- 靴子</option>
													<option value="05">板球</option>
                                </select>
                                <div class="input-group-append">
                                    <input type="search" name="search">
                                    <button type="submit"><i class="fa fa-search"></i></button>
                                </div>
                            </div>
                        </div>
                        <!-- end of header search bar -->
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <!-- shopping cart -->
                        <div class="shopping-cart float-lg-right d-flex justify-content-start" id="shopping-cart">
                            <div class="cart-icon">
                                <a href="cart.html"><img src="assets/images/icon-topcart.png" class="img-fluid" alt=""></a>
                            </div>
                            <div class="cart-content">
                                <h2><a href="cart.html">购物车 <span><span id="cartStatus">(暂无)</span></span></a></h2>
                            </div>

                            <div class="cart-floating-box" id="cart-floating-box">
                                <div class="cart-items">
                                    <div class="cart-float-single-item d-flex">
                                        <span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
                                        <div class="cart-float-single-item-image">
                                            <img src="assets/images/products/faded-short-sleeve-tshirts.jpg" class="img-fluid"
                                                alt="">
                                        </div>
                                        <div class="cart-float-single-item-desc">
                                            <p class="product-title"><span class="count">1x</span> <a href="single-product-variable.html">印花裙</a></p>
                                            <p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
                                            <p class="price">$20.50</p>
                                        </div>
                                    </div>
                                    <div class="cart-float-single-item d-flex">
                                        <span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
                                        <div class="cart-float-single-item-image">
                                            <img src="assets/images/products/faded-short-sleeve-tshirts.jpg" class="img-fluid"
                                                alt="">
                                        </div>
                                        <div class="cart-float-single-item-desc">
                                            <p class="product-title"><span class="count">1x</span> <a href="single-product-variable.html">印花裙</a></p>
                                            <p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
                                            <p class="price">$20.50</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="cart-calculation d-flex">
                                    <div class="calculation-details">
														<p class="shipping">运费 <span>$2</span></p>
														<p class="total">总共 <span>$22</span></p>
													</div>
													<div class="checkout-button">
														<a href="checkout.html">结算</a>
													</div>
                                </div>
                            </div>
                            <!-- end of shopping cart -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end of header content -->
        <!-- header navigation menu -->
        <nav class="header-navigation black-bg">
            <div class="container px-0">
                <div class="navigation-container mb-0">
                    <div class="row">
                        <div class="col-lg-3 d-none d-lg-block">
                            <!-- ======  Header menu left text  ====== -->
                            <p class="call-us-text">联系我们 24/7: (+66) 123-456-789</p>
                        </div>
                        <div class="col-lg-9 col-md-12">

                            <!-- Header navigation right side-->

                            <!-- main menu start -->
                            <div class="main-menu">
                                <nav>
                                    <ul>
                                        <li class="active menu-item-has-children"><a href="#">主页</a>

                                            <!-- ======  Submenu block  ======= -->

                                            <ul class="sub-menu">
                                                <li class="active"><a href="index.html">主页一</a></li>
																<li><a href="index-2.html">主页二</a></li>
																<li><a href="index-3.html">主页三</a></li>
                                            </ul>

                                            <!-- ====  End of Submenu block  ==== -->

                                        </li>
                                        <li class="menu-item-has-children"><a href="#">店铺</a>

                                            <!-- ======  Submenu block  ======= -->

                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children"><a href="#">店铺分类</a>
																	<ul class="sub-menu">
																		<li class="active"><a href="shop-left-sidebar.html">商铺 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-wide.html">商铺 左宽侧边栏</a></li>
																		<li><a href="shop-right-sidebar.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-wide.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-no-sidebar-3.html">商铺 无侧边栏 3列</a></li>
																		<li><a href="shop-no-sidebar-3-wide.html">商铺 无侧边栏 3列宽</a></li>
																		<li><a href="shop-no-sidebar-4.html">商铺 无侧边栏 4列</a></li>
																		<li><a href="shop-no-sidebar-4-wide.html">商铺 无侧边栏 4列宽</a></li>
																		<li><a href="shop-no-sidebar-5.html">商铺 无侧边栏 5列</a></li>
																		<li><a href="shop-no-sidebar-5-wide.html">商铺 无侧边栏 5列宽</a></li>
																	</ul>
																</li>
                                                <li class="menu-item-has-children"><a href="#">店铺列表</a>
																	<ul class="sub-menu">
																		<li><a href="shop-list.html">商店 列表</a></li>
																		<li><a href="shop-list-wide.html">商店列表宽</a></li>
																		<li><a href="shop-left-sidebar-list.html">商店列表 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-list-wide.html">商店列表 左侧边栏宽</a></li>
																		<li><a href="shop-right-sidebar-list.html">商店列表 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-list-wide.html">商店列表 右侧边栏宽</a></li>
																	</ul>
																</li>
                                                <li class="menu-item-has-children"><a href="#">商品展示</a>
																	<ul class="sub-menu">
																		<li><a href="single-product.html">商品</a></li>
																		<li><a href="single-product-wide.html">商品 宽</a></li>
																		<li><a href="single-product-external.html">商品 外部</a></li>
																		<li><a href="single-product-external-wide.html">商品 外部 宽</a></li>
																		<li><a href="single-product-variable.html">商品 可变</a></li>
																		<li><a href="single-product-variable-wide.html">商品 可变 宽</a></li>
																		<li><a href="single-product-group.html">商品 组</a></li>
																		<li><a href="single-product-group-wide.html">商品 组 宽</a></li>
																	</ul>
																</li>
                                            </ul>
                                            <!-- ====  End of Submenu block  ==== -->

                                        </li>
                                        <li class="menu-item-has-children"><a href="#">博客</a>
                                            <!-- ======  Mega menu block  ======= -->
                                            <ul class="mega-menu three-column">
                                                <li><a href="#" class="d-none">博客</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar.html">博客 1 列 左侧边栏</a></li>
																		<li><a href="blog-1-column-right-sidebar.html">博客 1 列 右侧边栏</a></li>
																		<li><a href="blog-2-column-left-sidebar.html">博客 2 列 左侧边栏</a></li>
																		<li><a href="blog-2-column-right-sidebar.html">博客 2 列 右侧边栏</a></li>
																		<li><a href="blog-3-column.html">博客 3 列</a></li>
																	</ul>
																</li>
                                                <li><a href="#" class="d-none">博客 宽</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar-wide.html">博客 1 列 左侧边栏 宽</a></li>
																		<li><a href="blog-1-column-right-sidebar-wide.html">博客 1 列 右侧边栏 宽</a></li>
																		<li><a href="blog-2-column-left-sidebar-wide.html">博客 2 列 左侧边栏 宽</a></li>
																		<li><a href="blog-2-column-right-sidebar-wide.html">博客 2 列 右侧边栏 宽</a></li>
																		<li><a href="blog-3-column-wide.html">博客 3 列 宽</a></li>
																	</ul>
																</li>
                                                <li><a href="#" class="d-none">单博客</a>
																	<ul>
																		<li><a href="single-blog-left-sidebar.html">单博客 左侧边栏</a></li>
																		<li><a href="single-blog-left-sidebar-wide.html">单博客 左侧边栏 宽</a></li>
																		<li><a href="single-blog-right-sidebar.html">单博客 右侧边栏</a></li>
																		<li><a href="single-blog-right-sidebar-wide.html">单博客 右侧边栏 宽</a></li>
																	</ul>
																</li>
                                            </ul>
                                            <!-- ====  End of Mega menu block  ==== -->
                                        </li>

                                        <li class="menu-item-has-children"><a href="#">页面</a>
                                            <!-- ======  Submenu block  ======= -->

                                            <ul class="sub-menu">
                                                <li><a href="cart.html">购物车</a></li>
																<li><a href="cart-wide.html">购物车 宽</a></li>
																<li><a href="checkout.html">结算</a></li>
																<li><a href="checkout-wide.html">结算 宽</a></li>
																<li><a href="compare.html">对比</a></li>
																<li><a href="compare-wide.html">结算 宽</a></li>
																<li><a href="store.html">店铺</a></li>
																<li><a href="store-wide.html">店铺 宽</a></li>
																<li><a href="wishlist.html">愿望清单</a></li>
																<li><a href="wishlist-wide.html">愿望清单 宽</a></li>
																<li><a href="my-account.html">我的账户</a></li>
																<li><a href="my-account-wide.html">我的账户 宽</a></li>
																<li><a href="login-register.html">登录 注册</a></li>
																<li><a href="login-register-wide.html">登录 注册 宽</a></li>
                                            </ul>

                                            <!-- ====  End of Submenu block  ==== -->
                                        </li>
                                        <li><a href="about.html">关于</a></li>
														<li><a href="contact.html">联系</a></li>
                                    </ul>
                                </nav>

                                <!-- Mobile Menu -->
                                <div class="mobile-menu order-12 d-block col d-lg-none"></div>

                            </div>

                            <!-- end of Header navigation right side-->
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <!-- end of header navigation menu -->
        <!-- breadcrumb section -->
        <div class="breadcrumb-area mt-15">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div class="breadcrumb-container">
                            <ul>
                                <li><a href="index.html">主页</a> <span class="bc-separator">|</span></li>
                                <li class="active">博客</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end of breadcrumb section -->
    </header>
    <!--====  End of Header   ====-->


    <!--===========================================
            =            blog content section            =
            ============================================-->

    <!-- Blog Section Start -->
    <div class="blog-section mt-50 mb-50">
        <div class="container">
            <div class="row row-40">
                <div class="col-xl-9 col-lg-8 col-12">
                    <div class="row">

                        <!-- Blog Item -->
                        <div class="col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-10.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h3><a href="single-blog-left-sidebar.html">最新的无人机拍摄天空视图图像和4K视频</a></h3>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                    <p>enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut
                                        fugit, sed quia consequuntur magniolores eos qui ratione
                                        voluptatem sequi nesciunt. Neque porro quisquam est, qui dorem
                                        ipsum quia dolor sit met, consectetur, adipisci velit, sed quia
                                        non numquam eius modi tempora incidunt ut labore et dolore
                                        magnam aliquam quaerat voluptatem</p>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-12 mb-40">
                            <div class="rossi-blog">
                                <div class="content">
                                    <h3><a href="single-blog-left-sidebar.html">Zeon Z 5 Pro笔记本电脑让您的生活轻松简单</a></h3>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                    <p>这是一串随机生成的文字，没有实际意义。请不要将重要信息填入，以防泄漏。如有雷同，纯属巧合。。。</p>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-11.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h3><a href="single-blog-left-sidebar.html">最新Play Station用于合作独家游戏</a></h3>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                    <p>这是一串随机生成的文字，没有实际意义。请不要将重要信息填入，以防泄漏。如有雷同，纯属巧合。。。</p>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-12 mb-40">
                            <div class="rossi-blog">
                                <div class="content">
                                    <blockquote>
                                        <p>“enim ipsam voluptatem quia voluptas sit aspernatur aut odit
                                            aut fugit, sed quia cequuntur magni dolores eos qui ratione
                                            voluptatem sequi nesnt. Neque porro quiam est, qui dorem
                                            ipsum quia dolor sit amet, conetur, adipisci velit, sed
                                            quia non nuam modi tempora incidunt”</p>
                                    </blockquote>
                                </div>
                            </div>
                        </div>

                        <!-- Blog Item -->
                        <div class="col-12 mb-40">
                            <div class="rossi-blog">
                                <a href="single-blog-left-sidebar.html" class="image"><img src="assets/images/blog/blog-12.jpg"
                                        alt="Blog Image"></a>
                                <div class="content">
                                    <h3><a href="single-blog-left-sidebar.html">最具吸引力的智能手表将于今年2月亮相</a></h3>
                                    <ul class="meta">
                                        <li><a href="#">Momen</a></li>
                                        <li><a href="#">30 January, 2018</a></li>
                                        <li><a href="#">Comments 05</a></li>
                                    </ul>
                                    <p>这是一串随机生成的文字，没有实际意义。请不要将重要信息填入，以防泄漏。如有雷同，纯属巧合。。。</p>
                                </div>
                            </div>
                        </div>

                    </div>

                    <!-- Pagination -->
                    <div class="row">
                        <div class="col">

                            <ul class="pagination">
                                <li><a href="#"><i class="fa fa-angle-left"></i>上一页</a></li>
                                <li><a href="#">1</a></li>
                                <li class="active"><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li> - - - - - </li>
                                <li><a href="#">18</a></li>
                                <li><a href="#">18</a></li>
                                <li><a href="#">20</a></li>
                                <li><a href="#">下一页<i class="fa fa-angle-right"></i></a></li>
                            </ul>

                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-4 col-12">

                    <!-- Blog Sidebar -->
                    <div class="blog-sidebar mb-40">
                        <h2 class="block-title">分类</h2>
                        <ul>
                            <li><a href="#">TV & 音响系统</a></li>
                                            <li><a href="#">电脑 & 笔记本</a></li>
                                            <li><a href="#">手机 & 平板电脑</a></li>
                                            <li><a href="#">家用电器</a></li>
                                            <li><a href="#">厨房电器</a></li>
                                            <li><a href="#">打印机和扫描仪</a></li>
                                            <li><a href="#">相机和CC相机</a></li>
                                            <li><a href="#">智能手表</a></li>
                                            <li><a href="#">配件</a></li>
                        </ul>

                    </div>

                    <!-- Blog Sidebar -->
                    <div class="blog-sidebar mb-40">

                        <h2 class="block-title">最近的帖子</h2>

                        <div class="sidebar-blog">
                            <a href="#" class="image"><img src="assets/images/blog/sidebar-blog-1.jpg" alt="Sidebar Blog"></a>
                            <div class="content">
                                <h5><a href="#">PS4 Play Station用于玩游戏</a></h5>
                                <span>30 一月 2018</span>
                            </div>
                        </div>

                        <div class="sidebar-blog">
                            <a href="#" class="image"><img src="assets/images/blog/sidebar-blog-2.jpg" alt="Sidebar Blog"></a>
                            <div class="content">
                                <h5><a href="#">厨房电器烤面包机</a></h5>
                                <span>26 一月 2018</span>
                            </div>
                        </div>

                        <div class="sidebar-blog">
                            <a href="#" class="image"><img src="assets/images/blog/sidebar-blog-3.jpg" alt="Sidebar Blog"></a>
                            <div class="content">
                                <h5><a href="#">最具创意的智能手机</a></h5>
                                <span>20 一月 2018</span>
                            </div>
                        </div>

                    </div>

                    <!-- Blog Sidebar -->
                    <div class="blog-sidebar mb-40">

                        <h2 class="block-title">标签</h2>

                        <div class="tags-cloud">
                            <a href="#">手机</a>
                                            <a href="#">熨斗</a>
                                            <a href="#">三聚物</a>
                                            <a href="#">智能手表</a>
                                            <a href="#">玩站</a>
                                            <a href="#">烤箱</a>
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div><!-- Blog Section End -->

    <!--====  End of blog content section  ====-->

    <!--=======================================
            =            brand logo slider            =
            ========================================-->

    <div class="brand-logo-slider mb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <div class="brand-logo-list">
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/1.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/2.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/3.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/4.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/5.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/6.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->
                        <!-- ======  single brand logo block  ====== -->

                        <div class="single-brand-logo">
                            <a href="#">
                                <img src="assets/images/brand-logos/7.jpg" alt="">
                            </a>
                        </div>

                        <!-- ====  End of single brand logo block  ==== -->

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====  End of brand logo slider  ====-->



    <!--========================================
	=            newsletter section            =
	=========================================-->

    <section class="newsletter-section">
        <div class="container">
            <div class="newsletter-container dark-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-md-12 col-sm-12">

                            <!-- ======  Newsletter input box  ======= -->

                            <div class="newsletter-wrapper d-md-flex">
                                <!-- newsletter text -->
                                <div class="newsletter-text">
                                    <h2>通讯 <span>注册我们的通讯</span></h2>
                                </div>
                                <!-- end of newsletter text -->

                                <!-- newsletter input -->
                                <div class="newsletter-input">
                                    <div class="input-group">
                                        <div class="input-group-append">
                                            <form id="mc-form" class="mc-form subscribe-form">
                                                <input type="email" id="mc-email" type="email" autocomplete="off"
                                                    placeholder="请输入你的邮箱" required>
                                                <button id="mc-submit" type="submit"> 订阅 </button>
                                            </form>

                                        </div>
                                    </div>
                                    <!-- mailchimp-alerts Start -->
                                    <div class="mailchimp-alerts">
                                        <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                        <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                        <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                    </div><!-- mailchimp-alerts end -->
                                </div>
                                <!-- end of newsletter input -->
                            </div>

                            <!-- ====  End of Newsletter input box  ==== -->

                        </div>
                        <div class="col-lg-4 col-md-12 col-sm-12">
                            <!-- ======  Social icon list  ======= -->

                            <div class="social-icons text-right mt-5">
                                <ul>
                                    <li><a class="facebook-link" href="//www.facebook.com"><i class="fa fa-facebook"></i></a>
                                        <span class="popup">facebook</span>
                                    </li>
                                    <li><a class="rss-link" href="//rss.com"><i class="fa fa-rss"></i></a>
                                        <span class="popup">rss</span>
                                    </li>
                                    <li><a class="twitter-link" href="//www.twitter.com"><i class="fa fa-twitter"></i></a>
                                        <span class="popup">twitter</span>
                                    </li>
                                    <li><a class="skype-link" href="//www.skype.com"><i class="fa fa-skype"></i></a>
                                        <span class="popup">Skype</span>
                                    </li>
                                    <li><a class="dribbble-link" href="//www.dribbble.com"><i class="fa fa-dribbble"></i></a>
                                        <span class="popup">Dribbble</span>
                                    </li>
                                </ul>
                            </div>

                            <!-- ====  End of Social icon list  ==== -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--====  End of newsletter section  ====-->

    <!--============================
            =            footer            =
            =============================-->

    <footer>
        <div class="container">
            <!-- footer navigation -->
            <div class="footer-navigation section-padding">
                <div class="row">
                    <div class="col-lg-4 col-md-4">
                        <!-- footer description -->
                        <div class="footer-description">
                            <div class="footer-logo">
                                <img src="assets/images/logo.png" alt="">
                            </div>
                            <p>这是一串随机生成的文字，没有实际意义。请不要将重要信息填入，以防泄漏。如有雷同，纯属巧合。。。</p>
                        </div>
                        <!-- end of footer description -->
                    </div>
                    <div class="col-lg-8 col-md-8">
                        <!-- footer nav links -->
                        <div class="row">
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title">信息</h2>
                                    <ul class="footer-nav-links">
                                        <li><a href="shop-left-sidebar.html">特价</a></li>
														<li><a href="shop-left-sidebar.html">新产品</a></li>
														<li><a href="shop-left-sidebar.html">最畅销</a></li>
														<li><a href="contact.html">联系我们</a></li>
														<li><a href="about.html">关于我们</a></li>
                                    </ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title"><a href="my-account.html">我的帐户</a></h2>
													<ul class="footer-nav-links">
														<li><a href="#">我的订单</a></li>
														<li><a href="#">我的信用单</a></li>
														<li><a href="my-account.html">我的地址</a></li>
														<li><a href="my-account.html">个人信息</a></li>
													</ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title">类别</h2>
													<ul class="footer-nav-links">
														<li><a href="shop-left-sidebar.html">足球</a></li>
														<li><a href="shop-left-sidebar.html">网球</a></li>
														<li><a href="shop-left-sidebar.html">婴儿食品</a></li>
														<li><a href="shop-left-sidebar.html">板球</a></li>
														<li><a href="shop-left-sidebar.html">棒球</a></li>
													</ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <!-- single footer nav block -->
                                <div class="single-footer-nav-block">
                                    <h2 class="block-title">我们的服务</h2>
													<ul class="footer-nav-links">
														<li><a href="store.html">我们的店</a></li>
														<li><a href="about.html">信息</a></li>
														<li><a href="#">隐私政策</a></li>
														<li><a href="#">条款 & 条件</a></li>
													</ul>
                                </div>
                                <!-- end of single footer nav block -->
                            </div>
                        </div>
                        <!-- end of footer nav links -->

                    </div>
                </div>
            </div>
            <!-- end of footer navigation -->

            <!-- copyright section -->
            <div class="copyright-section">
                <div class="copyright-container">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <p class="copyright-text text-center text-md-left">Copyright © 2018 <a href="#">Rossi</a>. All Rights
                                Reserved</p>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="payment-logos text-md-right text-center">
                                <img src="assets/images/payment.png" alt="payment logo">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end of copyright section -->
            </div>
        </div>
    </footer>

    <!--====  End of footer  ====-->



    <!-- scroll to top  -->
    <a href="#" class="scroll-top"></a>
    <!-- end of scroll to top -->



    <!-- ************************* JS ************************* -->
    <!-- jQuery JS -->
    <script src="assets/js/vendor/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="assets/js/popper.min.js"></script>

    <!-- Bootstrap JS -->
    <script src="assets/js/bootstrap.min.js"></script>

    <!-- Plugins JS -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

</body>

</html>